<!DOCTYPE html>
<html>

	<head>

		<meta charset="utf-8" />
		<title>国风汉服</title>
		<!--导入核心文件-->
		<script src="../bootstrap3/js/holder.js"></script>
		<link href="../bootstrap3/css/bootstrap.css" rel="stylesheet" type="text/css">
		<script src="../bootstrap3/jquery-1.9.1.min.js"></script>
		<script src="../bootstrap3/js/bootstrap.js"></script>
		<link href="../css/aaa.css" rel="Stylesheet" />
		<script src="../js/aaa.js"></script>

		<!-- 字体图标 -->
		<link rel="stylesheet" href="../bootstrap3/font-awesome-4.7.0/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="../css/layout.css" />
		<link rel="stylesheet" type="text/css" href="../css/top.css" />
		<link rel="stylesheet" type="text/css" href="../css/orderConfirm.css" />
		<!--<script src="../js/orderConfirm.js" type="text/javascript" charset="utf-8"></script>-->
	</head>
	<body>
		<!--头部-->
		<div class="s_nav">
			<div class="s_nav_box">
				<a class="s_logo photo" href="../index.html"></a>
				<nav class="s_nav_menu">
					<a class="default active" href="../index.html">首页</a> <a
						class="album" href="album.html">摄影</a> <a class="video"
																  href="/video">视频</a> <a class="topic" href="/topic">问答</a> <a
						class="word" href="/word">文章</a> <a class="activity" href="/game">活动</a>

				</nav>
				<div id="t_pay"></div>
				<div class="def_search  header_user">

					<div class="user">
						<img class="head"
							 src="https://pic.hanfugou.com/web/2018/11/20/11/2e3e6efa17ba4116941bd3d176ddc8df.jpeg_50x50.jpg">
						<nav class="dropdown_menu">
							<a class="item letter" href="password.html" target="im"> <i
									class="icon"></i>修改密码
							</a> <a class="item auth" href="userdata.html"> <i class="icon"></i>个人资料
						</a> <a href="upload.html" id="aUMain" class="item usermain"> <i
								class="icon"></i>上传头像
						</a> <a class="item tools" href="address.html"> <i class="icon"></i>收货管理
						</a> <a class="item exit" href="login.html"><i class="icon"></i>退出
						</a>
						</nav>
					</div>
					</a>

					<div class="appdown">
						APP下载
						<div class="appdownload">
							<div class="appdownload_btn">
								<a class="ios"
								   href="https://itunes.apple.com/cn/app/id1065807878"
								   target="_blank">iPhone下载</a> <a class="android"
																   href="https://www.hanfuhui.cn/download" target="_blank">Android下载</a>
							</div>
							<img
									src="../image/2e3e6efa17ba4116941bd3d176ddc8df.jpeg_100x100.jpg"
									alt="">
						</div>
					</div>
					<a class="search_btn" onclick="location.href='/search'"></a>
				</div>
			</div>
		</div>
		<!--头部结束-->
		<!--导航 -->
		<!--分割导航和顶部-->
		<div class="clearfix"></div>
		<div class="container">
			<div class="col-md-12 top-nav">
				<div class="col-md-6">
					<ul class="nav nav-pills">
						<li><a href="#"></a></li>
						<li class="active"><a href="../index.html"><span
								class="fa fa-home"></span></a></li>
						<li><a class="gou" href="han_shopmall.html">商城</a></li>
						<li><a href="cart.html">购物车</a></li>
						<li><a href="news.html">资讯</a></li>
						<li><a href="culture.html">文化</a></li>
					</ul>

				</div>
				<div class="col-md-6">

					<form action="shopmall_in.html" class="form-inline" role="form" style="float: right;">
						<div class="form-group">
							<input type="text" class="form-control" id="search" name="search" placeholder="请输入商品名称进行搜索">
						</div>

						<button type="submit" class="btn btn-default btn-sm"><span class="fa fa-search"></span></button>
					</form>

				</div>
			</div>
			<!--导航结束-->
			<div class="col-md-offset-1 col-md-10">
				<div class="col-md-4">
					<div class="col-md-12 order-bar-undo">
						1.确认订单信息
						<span class="pull-right"><span class="fa fa-chevron-right"></span></span>
					</div>

				</div>
				<div class="col-md-4">
					<div class="col-md-12 order-bar-active">
						2.在线支付
						<span class="pull-right"><span class="fa fa-chevron-right"></span></span>
					</div>
				</div>
				<div class="col-md-4">
					<div class="col-md-12 order-bar-undo">
						3.付款成功
					</div>
				</div>
				<div class="col-md-12">
						<div class="form-group">

							<label for="name">
								<h4>选择支付方式：</h4></label>


							<div class="text-center">
								<label class="radio-inline">
									<input type="radio" name="optionsRadios" id="optionsRadios1" checked="checked"> 支付宝
								</label>

								<label  class="radio-inline">
									<input type="radio" name="optionsRadios" id="optionsRadios2" > 微信
								</label>

								<label  class="radio-inline">
									<input type="radio" name="optionsRadios" id="optionsRadios3" > 网银
								</label>

								<label  class="radio-inline">
									<input type="radio" name="optionsRadios" id="optionsRadios4" > 货到付款
								</label>
							</div>

						</div>
					<form name="alipay" id="alipay">
						<div>

							<tr class="content">
								<td>商户订单号 ：<input id="out_trade_no" name="out_trade_no" /></td>
								<hr class="one_line">
								<td>订单名称 ：<input id="subject" name="subject" /></td>
								<hr class="one_line">
								<td>付款金额 ：<input id="total_amount" name="total_amount" /></td>
								<hr class="one_line">
								<td>商品描述：国风汉服佳品<input id="body" name="body" /></td>
								<hr class="one_line">
								<td></td>
							</tr>
						</div>

						<div class="pay-bar">
							<a href="cart.html">返回购物车</a>
							<span class="pull-right"><h3>¥5298.00 <input type="button" id="topay" value="确认付款" class="btn btn-primary btn-lg link-success"/></h3>	</span>
						</div>

					</form>

				</div>
			</div>
		</div>
		<!--页脚开始-->
		<footer style="text-align: center;">
			<p>
				<a href="/" target="_blank">关于我们</a><i>|</i><a href="/"
															   target="_blank">商家入驻</a><i>|</i><a href="/" target="_blank">入驻协议</a><i>|</i><a
					href="#" target="_blank">新手指南</a><i>|</i><a
					href="/copyright/?action=cooperation" target="_blank">商务合作</a><i>|</i><a
					href="" target="_blank">汉服荟</a>
			</p>
			<p class="copyright">
				<a href="/" class="ebs" target="_blank"></a>CopyRight ©2018
				珠海市达内汉服网络科技有限公司 版权所有 <a href="" target="_blank">粤ICP备14084884号-1</a>
				电话：0888-8888888
			</p>
		</footer>
		<!--页脚结束-->
<!--------------------------------JS文件---------------------------------------->
		<script type="text/javascript">
            function GetDateNow() {
                var vNow = new Date();
                var sNow = "";
                sNow += String(vNow.getFullYear());
                sNow += String(vNow.getMonth() + 1);
                sNow += String(vNow.getDate());
                sNow += String(vNow.getHours());
                sNow += String(vNow.getMinutes());
                sNow += String(vNow.getSeconds());
                sNow += String(vNow.getMilliseconds());
                document.getElementById("out_trade_no").value =  sNow;
                document.getElementById("subject").value = "测试";
                document.getElementById("total_amount").value = "0.01";
            }
            $(document).ready(function() {
                GetDateNow();
            });
            // 为付款按钮绑定单击事件
            $("#topay").click(function() {
                // 将请求提交到哪里
                var url = "../alipay/topay";
                // 请求参数
                var data = $("#alipay").serialize();
                // 发出ajax请求，并处理结果
                $.ajax({
                    "url": url,
                    "data": data,
                    "type": "POST",
                    "dataType": "json",
                    "success": function(json) {
                        if (json.state == 200) {
                            alert("去付款！");
                            var html=json.message;
                            console.log(html);
                            $("#t_pay").append(html);
                        } else {
                            alert(json.message);
                        }
                    },
            "error":function(xhr,text,errorThrown){/!* 回调函数 *!/
                alert("你登录的信息已经过期,请重新登录!")
                location.href="login.html"
            }
                });
            });


		</script>
	</body>



</html>